<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body style="height:3000px;background-color: aquamarine;">
    <script>
        //滚动事件
        // window.onscroll=function(){
        //     console.log(Math.random()*10)
        // }
        //节流和防抖
            //闭包函数
            // function fn(){
            //     var n=1;
            //     return function(){
            //         console.log(++n);
            //     }
            // }

            //防抖
             //每次事件触发时，清掉上次定时器任务，执行下一次定时器任务
             //防抖格式
            //  let time=null;
            //  window.onscroll=function(){
            //      clearTimeout(time)
            //      time=setTimeout(()=>{
            //          console.log('嘿嘿嘿')
            //      },1000)
            //  }

             //防抖函数
             function deb(fn){
                //防抖函数(防抖用闭包，是为了不让它污染全局)
                let time=null;
                return function(){
                    clearTimeout(time)
                    time=setTimeout(()=>{
                        fn()
                    },1000)
                }
             }
             window.onscroll=deb(()=>{
                 console.log('哈哈哈哈')
             })
    </script>
</body>
</html>